.chart_title {
  padding: 0 16px;

  & > div {
    display: inline-block;

    &:last-child {
      float: right;
    }
  }
}

.tooltip {
  padding: 8px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  font-size: 12px;
  color: fade(#fff, 85%);
  min-width: 100px;

  .name {
    i,
    span {
      display: inline-block;
      vertical-align: middle;
    }

    i {
      width: 8px;
      height: 2px;
      margin-right: 4px;
    }
  }
}

.table {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.06);

  tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);

    td {
      line-height: 38px;

      &:nth-child(1) {
        width: 35%;
        padding-left: 30px;
      }

      &:nth-child(2) {
        width: 25%;
      }

      &:nth-child(3) {
        width: 40%;
      }
    }
  }
}
